﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <title>Tebbee!</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <link href="~/Content/frontend/css/normalize.css" rel="stylesheet" />
    <link href="~/Content/frontend/css/foundation.css" rel="stylesheet" />
    <link href="~/Content/frontend/foundation-icons/foundation-icons.css" rel="stylesheet" />
    <link href="~/Content/frontend/css/accordion.css" rel="stylesheet" />
    <link href="~/Content/frontend/css/foundation-datepicker.css" rel="stylesheet" />
    <link href="~/Content/frontend/addition.css" rel="stylesheet" />
    <link href="~/Content/toastr.css" rel="stylesheet" />
    <link href="~/Content/uploadfile.css" rel="stylesheet" />
    <link href='~/Content/frontend/rating/jquery.rating.css' type="text/css" rel="stylesheet" />
    <!-- HTML5 shim, for IE6-8 support of HTML5 elements. All other JS at the end of file.-->
    <!--[if lt IE 9]>
       <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->
    <script src="~/Content/frontend/js/vendor/modernizr.js"></script>
</head>
<body>
    <div class="off-canvas-wrap">
        <div class="inner-wrap">
            <div id="my-header">
                <nav class="tab-bar show-for-small">
                    <a href="../../home" class="left-off-canvas-toggle menu-icon">
                        <span>Tebbee</span>
                    </a>
                </nav>
                <nav class="top-bar hide-for-small z999">
                    <ul class="title-area">
                        <li class="name">
                            <h1>
                                <a href="../../home">Tebbe</a>
                            </h1>
                        </li>

                    </ul>

                    <!-- Navigation -->
                    <section class="top-bar-section">
                        <ul class="right">
                            <li class="divider"></li>
                            <li class="not-click">
                                <input type="text" placeholder="Tìm kiếm" class=" no-margin" />
                            </li>
                            <li class="divider"></li>
                            <li class="has-form">
                                <a href="../../home/recommend">Xem Gì Hôm Nay</a>
                            </li>
                            <li class="divider"></li>
                            <li class="has-form">
                                <a href="../../member/listproduct">Giải Thưởng</a>
                            </li>
                            <li class="divider"></li>
                            <li class="divider"></li>
                            @if (!Request.IsAuthenticated)
                            {
                                <li class="has-form">
                                    <a href="#acc1" class="tt-register">Đăng Nhập</a>
                                </li>
                            }
                            else
                            {

                                if (User.IsInRole("Admin"))
                                {
                                <li class="has-dropdown not-click">
                                    <a href="#">@User.Identity.Name</a>
                                    <ul class="dropdown">
                                        <li>
                                            <a href="../../admin/index">Quản Lý</a>
                                        </li>
                                        <li>
                                            <a href="../../admin/changepass">Thay đổi mật khẩu</a>
                                        </li>
                                        <li>
                                            <a href="javascript:void()" data-bind="click: $root.doLogout">Thoát</a>
                                        </li>
                                    </ul>
                                </li>
                                }
                                if (User.IsInRole("Publisher"))
                                {
                                <li class="has-dropdown not-click">
                                    <a href="#">@User.Identity.Name</a>
                                    <ul class="dropdown">
                                        <li>
                                            <a href="../../publisher/index">Quản lý</a>
                                        </li>
                                        <li>
                                            <a href="../../Publisher/changepass">Thay đổi mật khẩu</a>
                                        </li>
                                        <li>
                                            <a href="javascript:void();" data-bind="click: $root.doLogout">Thoát</a>
                                        </li>
                                    </ul>
                                </li>
                                }
                                if (User.IsInRole("Member"))
                                {
                                <li class="has-dropdown not-click">
                                    <a href="#">@User.Identity.Name</a>
                                    <ul class="dropdown">
                                        <li>
                                            <a href="../../member/index">Thông tin cá nhân</a>
                                        </li>
                                        <li>
                                            <a href="../../member/shoppingcart">Giỏ hàng</a>
                                        </li>
                                        <li>
                                            <a href="javascript:void()" data-bind="click: $root.doLogout">Thoát</a>
                                        </li>
                                    </ul>
                                </li>
                                }
                            }
                        </ul>
                    </section>
                </nav>
                <section class="regist">
                    <article class="accordion">

                        <section id="acc1">
                            <h2><a id="dangnhap" href="#acc1">Đăng nhập</a></h2>
                            <section class="scroll-panel">
                                <div class="large-12">
                                    <a href="#" class="close-register right"><span style="color: blue;">x</span></a>
                                    <h1 class="icon icon-contact-bee text-centered"></h1>
                                    <h1 class="text-centered title-page">Đăng nhập</h1>
                                    <p class="text-centered text-smalled">Đăng nhập để tham gia nhiều chương trình hấp dẫn nè</p>
                                    <div class="medium-4 push-4 columns">
                                        <form data-abide data-bind="submit: $root.doLogin">
                                            <div class="name-field">
                                                <label>
                                                    <input type="text" required data-bind="value: UserName" placeholder="Tên đăng nhập..." />
                                                </label>
                                                <small class="error">Tên đăng nhập không thể để trống</small>
                                            </div>
                                            <div class="name-field">
                                                <label>
                                                    <input type="password" id="login-pwd" data-bind="value: Password" required placeholder="Mật khẩu..." />
                                                </label>
                                                <small class="error">Mật khẩu không thể để trống</small>
                                            </div>
                                            <button type="submit" class="button tiny right">Đăng nhập</button>
                                        </form>
                                    </div>
                                </div>
                            </section>
                        </section>
                        <section id="acc2">
                            <h2><a href="#acc2">Đăng ký</a></h2>
                            <section class="scroll-panel">
                                <div class="large-12">
                                    <a href="#" class="close-register right"><span style="color: black;">x</span></a>
                                    <h1 class="icon icon-contact-bee text-centered"></h1>
                                    <h1 class="text-centered title-page">Đăng ký thành viên</h1>
                                    <p class="text-centered text-smalled">Đăng ký để trở thành thành viên của chúng tôi</p>
                                    <div class="medium-6 push-3 columns">
                                        <form data-abide="" data-bind="submit: $root.doRegisMem">
                                            <div class="medium-12 columns">
                                                <div class="name-field">
                                                    <label>
                                                        <input name="username" type="text" data-bind="value: Muid" pattern="teb_uid" required placeholder="Tài khoản..." class="form-control flat input-sm margined-input" />
                                                    </label>
                                                    <small class="error">Tài khoản chỉ chứa ký tự và số</small>
                                                </div>
                                            </div>
                                            <div class="medium-12 columns">
                                                <div class="name-field">
                                                    <label>
                                                        <input name="password" data-bind="value: Mpwd" id="password" type="password" required class="form-control flat input-sm margined-input" placeholder="Mật khẩu ..." />
                                                    </label>
                                                    <small class="error">Mật khẩu chỉ chứa ký tự và số</small>
                                                </div>
                                            </div>
                                            <div class="medium-12 columns">
                                                <div class="name-field">
                                                    <label>
                                                        <input name="repwd" type="password" data-equalto="password" required placeholder="Mật khẩu xác nhận..." class="form-control flat input-sm margined-input" />
                                                    </label>
                                                    <small class="error">Mật khẩu xác nhận không trùng với mật khẩu</small>
                                                </div>
                                            </div>
                                            <div class="medium-6 columns">
                                                <div class="name-field">
                                                    <label>
                                                        <input name="firstname" type="text" data-bind="value: Mfname" pattern="vie_name" required placeholder="Họ..." class="form-control flat input-sm margined-input" />
                                                    </label>
                                                    <small class="error">Họ không thể để trống</small>
                                                </div>
                                            </div>
                                            <div class="medium-6 columns">
                                                <div class="name-field">
                                                    <label>
                                                        <input name="lastname" data-bind="value: Mlname" type="text" pattern="vie_name" required placeholder="Tên..." class="form-control flat input-sm margined-input" />
                                                    </label>
                                                    <small class="error">Tên không thể để trống</small>
                                                </div>
                                            </div>
                                            <div class="medium-12 columns">
                                                <input type="radio" name="gender" data-bind="checked: Mgender" required value="Male" id="genderMalem"><label for="genderMale">Nam</label>
                                                <input type="radio" name="gender" data-bind="checked: Mgender" required value="Female" id="genderFemalem"><label for="genderFemale">Nữ</label>
                                                <small class="error">Giới tính của bạn cần được xác định.</small>
                                            </div>
                                            <div class="medium-12 columns">
                                                <div class="name-field">
                                                    <label>
                                                        <input type="email" data-bind="value: Memail" name="email" required placeholder="Email..." class="form-control flat input-sm margined-input" />
                                                    </label>
                                                    <small class="error">Cần nhập đúng địa chỉ email</small>
                                                </div>
                                            </div>
                                            <div class="medium-12 columns">
                                                <div class="name-field">
                                                    <input id="checkPolicy" name="policy" required type="checkbox">
                                                    <label for="checkPolicy">Tôi đồng ý <a href="#policy">điều khoản sử dụng</a> của Teebbee Co.</label>
                                                    <small class="error">Bạn chưa đồng ý điều khoản sử dụng</small>
                                                </div>
                                            </div>
                                            <p class="clear"></p>
                                            <div class="medium-12 columns">
                                                <button type="submit" class="button tiny right">Đăng ký</button>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                            </section>
                        </section>

                        <section id="acc3">
                            <h2><a href="#acc3">Đăng ký Đăng QC</a></h2>
                            <section class="scroll-panel">
                                <div class="large-12">
                                    <a href="#" class="close-register right"><span style="color: black;">x</span></a>
                                    <h1 class="icon icon-contact-bee text-centered"></h1>
                                    <h1 class="text-centered title-page">Đăng ký tài khoản đăng quảng cáo</h1>
                                    <p class="text-centered text-smalled">Đăng ký để đăng quảng cáo và quảng bá sản phẩm của bạn tại web site của chúng tôi</p>
                                    <div class="medium-6 push-3 columns">
                                        <form data-abide data-bind="submit: $root.doRegisPub">
                                            <div class="medium-12 columns">
                                                <div class="name-field">
                                                    <label>
                                                        <input name="username" type="text" data-bind="value: Muid" pattern="teb_uid" required placeholder="Tài khoản..." class="form-control flat input-sm margined-input" />
                                                    </label>
                                                    <small class="error">Tài khoản chỉ chứa ký tự và số</small>
                                                </div>
                                            </div>
                                            <div class="medium-12 columns">
                                                <div class="name-field">
                                                    <label>
                                                        <input name="password" data-bind="value: Mpwd" id="password1" type="password" required class="form-control flat input-sm margined-input" placeholder="Mật khẩu ..." />
                                                    </label>
                                                    <small class="error">Mật khẩu chỉ chứa ký tự và số</small>
                                                </div>
                                            </div>
                                            <div class="medium-12 columns">
                                                <div class="name-field">
                                                    <label>
                                                        <input name="repwd" type="password" data-equalto="password1" required placeholder="Mật khẩu xác nhận..." class="form-control flat input-sm margined-input" />
                                                    </label>
                                                    <small class="error">Mật khẩu xác nhận không trùng với mật khẩu</small>
                                                </div>
                                            </div>
                                            <div class="medium-12 columns">
                                                <div class="name-field">
                                                    <label>
                                                        <input type="text" pattern="vie_name" data-bind="value: CompanyName" name="companyname" required placeholder="Tên công ty..." class="form-control flat input-sm margined-input" />
                                                    </label>
                                                    <small class="error">Tên công ty bao gồm ký tự và số</small>
                                                </div>
                                            </div>
                                            <div class="medium-12 columns">
                                                <div class="name-field">
                                                    <label>
                                                        <input type="email" data-bind="value: Memail" name="email" required placeholder="Email..." class="form-control flat input-sm margined-input" />
                                                    </label>
                                                    <small class="error">Cần nhập đúng địa chỉ email</small>
                                                </div>
                                            </div>
                                            <div class="medium-12 columns">
                                                <input type="radio" name="license" data-bind="checked: PackagePub" value="1" id="licenseMonth"><label for="licenseMonth">1 tháng</label>
                                                <input type="radio" name="license" data-bind="checked: PackagePub" value="2" id="liceseQuarter"><label for="liceseQuarter">1 quý</label>
                                                <input type="radio" name="license" data-bind="checked: PackagePub" value="3" id="licenseYear"><label for="licenseYear">1 năm</label>
                                            </div>
                                            <div class="medium-12 columns">
                                                <div class="name-field">
                                                    <input id="checkPolicy1" name="policy" required type="checkbox">
                                                    <label for="checkPolicy1">Tôi đồng ý <a href="#policy">điều khoản sử dụng</a> của Teebbee Co.</label>
                                                    <small class="error">Bạn chưa đồng ý điều khoản sử dụng</small>
                                                </div>
                                            </div>
                                            <p class="clear"></p>
                                            <div class="medium-12 columns">
                                                <button type="submit" class="button tiny right">Đăng ký</button>
                                            </div>
                                        </form>
                                    </div>

                                </div>
                            </section>
                        </section>
                        <section id="policy">
                            <section class="scroll-panel">
                                <div class="large-12">
                                    <a href="#" class="close-register right"><span style="color: black;">x</span></a>
                                    <h1 class="icon icon-contact-bee text-centered"></h1>
                                    <h1 class="text-centered title-page">Điều khoản sử dụng Tebbee Co.</h1>
                                    <p class="text-centered text-smalled">bla bla bla ...</p>
                                    <div class="medium-6 push-3 columns">
                                        POLICY
                                    </div>

                                </div>
                            </section>
                        </section>
                    </article>
                </section>
            </div>
            <div id="my-container" class="last-ob" style="height: 100%">
                @RenderBody()
                <footer class="zurb-footer-bottom">

                    <ul class="zurb-links">
                        <li><a href="#">Home</a></li>
                        <li><a href="#"><span>Facebook</span></a></li>
                        <li><a href="#"><span>Google</span></a></li>
                        <li><a href="#"><span>Skype</span></a></li>
                        <li><a href="#"><span>Youtube</span></a></li>
                    </ul>

                </footer>
            </div>

        </div>
    </div>
    <script src="~/Content/frontend/js/vendor/jquery.js"></script>
    <script src="~/Content/frontend/js/vendor/fastclick.js"></script>
    <script src="~/Content/frontend/js/foundation.min.js"></script>
    <script src="~/Content/frontend/js/tebbee-validate.js"></script>
    <script src="~/Content/frontend/js/foundation-datepicker.js"></script>
    <script src="~/Content/frontend/js/confirm_with_reveal.js"></script>

    <script src="~/Scripts/jquery.validate.min.js"></script>
    <script src="~/Scripts/jquery.form.js"></script>
    <script src="~/Scripts/jquery.confirm.js"></script>
    <script src="~/Scripts/jquery.uploadfile.min.js"></script>
    <script src="~/Scripts/moment.js"></script>
    <script type="text/javascript" src="~/Scripts/toastr.js"></script>
    <script type="text/javascript" src="~/Scripts/knockout-2.2.0.js"></script>
    <script src="~/Scripts/App/user-master.js"></script>
    <script src="~/Scripts/App/Common/tebbeeModel.js"></script>
    <script src="~/Scripts/App/Common/utilities.js"></script>
    <script src="~/Content/backend/js/ckeditor/ckeditor.js"></script>
    <script src='~/Content/frontend/rating/jquery.MetaData.js' type="text/javascript"></script>
    <script src='~/Content/frontend/rating/jquery.rating.js' type="text/javascript"></script>
    <!-- Add fancyBox main JS and CSS files -->
    <script type="text/javascript" src="~/Content/frontend/fancyBox/source/jquery.fancybox.js?v=2.1.5"></script>
    <link rel="stylesheet" href="~/Content/frontend/fancyBox/source/jquery.fancybox.css?v=2.1.5" media="screen" />

    <!-- Add Button helper (this is optional) -->
    <script src="~/Content/frontend/fancyBox/source/helpers/jquery.fancybox-buttons.js?v=1.0.5"></script>
    <link href="~/Content/frontend/fancyBox/source/helpers/jquery.fancybox-buttons.css?v=1.0.5" rel="stylesheet" />

    <!-- Add Thumbnail helper (this is optional) -->
    <link rel="stylesheet" type="text/css" href="~/Content/frontend/fancyBox/source/helpers/jquery.fancybox-thumbs.css?v=1.0.7" />
    <script type="text/javascript" src="~/Content/frontend/fancyBox/source/helpers/jquery.fancybox-thumbs.js?v=1.0.7"></script>

    <!-- Add Media helper (this is optional) -->
    <script type="text/javascript" src="~/Content/frontend/fancyBox/source/helpers/jquery.fancybox-media.js?v=1.0.6"></script>

    @RenderSection("scripts", required: false)

    <script type="text/javascript">
        //$('.birthdate').fdatepicker({
        //    format: 'dd/mm/yyyy'
        //})
        $(document).foundation(
            {
                abide: {
                    live_validate: false
                }
            }
            );
        $(function () { // wait for document to load
            $('input.wow').rating();
        });
        
        $(document).ready(function () {
            $(".last-ob").after(" <div id='preloader'><div id='status'>&nbsp;</div></div>");

            $('.fancybox-thumbs').fancybox({
                prevEffect: 'none',
                nextEffect: 'none',

                closeBtn: false,
                arrows: false,
                nextClick: true,

                helpers: {
                    thumbs: {
                        width: 50,
                        height: 50
                    }
                }
            });
            $("input.search").focus(function () {
                $(".am-content").stop().animate({
                    bottom: "+=300"
                });
            }).blur(function () {
                $("input.search").val("");
                $(".am-content").stop().animate({
                    bottom: "-=300"
                });
                $(".am-container").find("div.mix").slideDown();
            });
            $("input.search").change(function () {
                var filter = $(this).val();
                if (filter) {
                    $(".am-container").find("div.mix:not(:contains(" + filter + "))").slideUp();
                    $(".am-container").find("div.mix:contains(" + filter + ")").slideDown();
                } else {
                    $(".am-container").find("div.mix").slideDown();
                }

            }).keyup(function () {
                $(this).change();
            });
            $(".tt-register, .close-register").click(function () {
                $(".regist").toggleClass("register-show");
                if ($(".regist").hasClass("register-show")) {
                    $(".regist").animate({
                        top: "0%",
                        opacity: 1
                    });

                } else {

                    $(".regist").animate({
                        top: "-100%",
                        opacity: 0
                    });

                }
            });
        });
        function parallaxScroll() {
            var scrolled = $(window).scrollTop();
            $('#parallax-lvl-0').css('top', (0 - (scrolled * .25)) + 'px');
            $('#parallax-lvl-1').css('top', (0 - (scrolled * .5)) + 'px');
            $('#parallax-lvl-2').css('top', (0 - (scrolled * .75)) + 'px');
            $('#parallax-lvl-3').css('top', (0 - (scrolled * .9)) + 'px');
        }
        $(window).load(function () {
            $("#status").fadeOut();
            $("#preloader").delay(1000).fadeOut("slow");
        });
        
    </script>
</body>
</html>
